.login{
	background-image: url(../image/background.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	form {
		.mt(260);
		.ng-invalid {
	      &+span {
	        position: absolute;
	        color: @dangerColor;
	        right: 0;
	        top: 0;
	        height: 100%;
	        text-align: right;
	        font-size: 12px;
	        p {
	          margin: 0;
	        }
	      }
	    }
		.form-group{
			margin-left: auto;
			margin-right: auto;
			.w(300);
			.h(40);
			.fs(0);
			border-bottom: 1px solid @lineColor;
			span{
				background-color: @iconBgColor;
				.w(55);
				height: 100%;
				background-repeat: no-repeat;
				background-position: 15px 10px;
			}
			input{
				.fs(14);
				.w(245);
				height: 100%;
				border-width: 0;
				background-color: @formBgColor;
				outline-width: 0;
				box-sizing: border-box;
				color: @defaultColor;
				.pl(15);
				&::-webkit-input-placeholder{
          			color: @defaultColor;
        		}
			}
			.account{
				background-image: url(../image/account.png);
			}
			.lock{
				background-image: url(../image/lock.png);
			}
		}
		button{
			.w(300);
			.h(40);
			.fs(20);
			font-weight: bold;
			margin: 0 auto;
			background-color: @headBgColor;
			&.btn-login{
				.mt(50);
				color: @defaultColor;
			}
			&.btn-register{
				.mt(20);
				background-color: @btnBgColor;
				color: @headBgColor;
			}
		}
	}
}